<template>
	<view class="order clearfix   hv100">
		<cu-custom bgColor="bg-white " isBack>
			<block slot="content">提现记录</block>
		</cu-custom>
		<view class="flex align-center justify-between bg-white pt20">
			<view class="flex flex-direction justify-start align-center wp33" @click="TabCurs=0">
				<text class="isblack" :class="{'isred':TabCurs==0}">{{list[0]}}</text>
				<view class="linsa mt10" :class="{lines:TabCurs==0}"></view>
			</view>
			<view class="flex flex-direction justify-start align-center wp33" @click="TabCurs=1">
				<text class="isblack" :class="{'isred':TabCurs==1}">{{list[1]}}</text>
				<view class="linsa mt10" :class="{lines:TabCurs==1}"></view>
			</view>
			<view class="flex flex-direction justify-start align-center wp33" @click="TabCurs=2">
				<text class="isblack" :class="{'isred':TabCurs==2}">{{list[2]}}</text>
				<view class="linsa mt10" :class="{lines:TabCurs==2}"></view>
			</view>
		</view>
		<view v-for="(item,index) in dataList" class="flex wp100 bg-white px15 align-center justify-between py20 mt1" :class="{mt5:index==0}" :key="index">
			<view class="">{{item.addTime}}</view>
			<view class="">{{item.payType}}</view>
			<view class="f18">{{item.money}}元</view>
		</view>
	</view>
</template>
 
<script>
import { mapState, mapActions } from 'vuex'
export default {
	data() {
		return {
			dataList:[],
			list: ['待审核','已完成', '已驳回'],
			TabCurs: 0,
		}
	},
	computed: {
		...mapState(['userInfo'])
	},
	onLoad() {
		//this.getData()
	},
	methods: {
		...mapActions(['getUser']),
		async getData() {
			let { data } = await this.$http.post('user.tixianhistory')
			this.dataList=data
		},
		tapTab(index) {
			if (this.TabCur === index) {
				return false
			}
			// this.clearData()
			this.TabCur = index
			// this.getData()
		},
	}
}
</script>

<style lang="less">

.linsa{
	width: 100rpx;
	height: 4rpx;
	background-color: #FFFFFF;
}
.lines{
	width: 100rpx;
	height: 4rpx;
	background-color: #ED1C24;
}
.isblack{
	color: #000000;
}
.isred{
	color: #ED1C24;
}
</style>
